<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/bootstrap.css">
  <link rel="stylesheet" href="./css/index.css">
  <script src="./js/jquery.min.js"></script>
  <script src="./js/popper.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <title>Document</title>
  <style>
    html, body{
  height: 100%;
  padding: 0;
  margin: 0;
}
body {
  position: relative;
  height: auto;
  min-height: 100%;
  box-sizing: border-box;
  padding-bottom: 100px;
}
.yw-1 .yw-2{
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  background-color:#2d2d2d;
}
.yw-1 .yw-2 a{
  text-decoration:none
}

.zdy-dh{
  padding-left: 70px;
} 
.hzgy-pic-2{
  padding-left:50px ;
}
.hzgy-pic-1{
  padding-right: 300px;
}
.hzgy-pic-3{
  padding-right: 300px;
}
.hzgy-pic-4{
  padding-right: 300px;
}
  </style>
</head>

<body>
   <!-- 导航 -->
   <div class="bs-dh">
    <div class="container  ">
      <div class="navbar  navbar-light d-flex">
        <div class="bs-log"><a href="#"><img src="./img/cropped-图层-27-1.png" alt=""></a></div>
        <div class="nav  zdy-dh ">
          <ul class="clearfix">
            <li>
              <a href="#" class="nav-item nav-link">首页</a>
            </li>
            <li class="baba">
              <a href="#" class="nav-item nav-link">万家优选</a>
              <ol class="xlcd">
                <li>优-鲜果</li>
                <li>优-零食</li>
                <li>选-粮油</li>
                <li>选-茶酒</li>
              </ol>
            </li>
            <li class="baba">
              <a href="#" class="nav-item nav-link">食在当季</a>
              <ol class="xlcd">
                <li>优-当季</li>
                <li>优-礼盒</li>
                <li>选-特色</li>
                <li>选-特惠</li>
              </ol>
            </li>
            <li class="baba">
              <a href="#" class="nav-item nav-link">万家店铺</a>
              <ol class="xlcd">
                <li>线上商城</li>
                <li>线下门店</li>
              </ol>
            </li>
            <li class="baba">
              <a href="#" class="nav-item nav-link">合作共赢</a>
              <ol class="xlcd">
                <li>商城介绍</li>
                <li>联系我们</li>
              </ol>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="hzgy-pic-1">
    <div class="container">
      <img src="./img/hzgy/111111-2-1024x106.png" alt="" width="1400px">
    </div>
  </div>
  <div class="hzgy-pic-2">
    <div class="container d-flex justify-content-center mb-3 mt-3">
      <img src="./img/hzgy/矩形-4.png" alt="" width="99px" height="43px" >
    </div>
  </div>
  <div class="hzgy-pic-3">
    <div class="container mb-3 mt-3 ">
      <img src="./img/hzgy/公众号二维码-1024x176.png" alt="" width="1400px">
    </div>
  </div>
  <div>
    <div class="container mb-3">
      <img src="./img/hzgy/1-1-1024x20.png" alt="">
    </div>
  </div>
  <div class="hzgy-pic-4">
    <div class="container">
      <img src="./img/hzgy/图层-30-1024x125.png" alt="" width="1400px">
    </div>
  </div>
  
  <div style="background-color: rgba(0, 0, 0, 0.6);" class="yw-1">
    <div class=" yw-2">
      <div class="d-flex justify-content-center"><p style="color:white;">© All right reserved 2016</p></div>
      <div class="d-flex justify-content-center"><a href="#" style="color:white;">Proudly powered by WordPress</a><p style="color:white;">| Theme: Corporate Plus by</p><a href="#" style="color:white;"> Acme Themes</a></div>
    </div>
  </div>
</body>

</html>